
template.defaults.imports.dateFormat = function (date) {
    var time = new Date(date)//日期对象
    var y = time.getFullYear()
    var m = (time.getMonth() + 1).toString().padStart(2, '0')
    var d = time.getDate().toString().padStart(2, '0')
    var h = time.getHours().toString().padStart(2, '0')
    var mm = time.getMinutes().toString().padStart(2, '0')
    var s = time.getSeconds().toString().padStart(2, '0')
    return `${y}年${m}月${d}日${h}时${mm}分${s}秒`
};

// 定义一个全局对象
var data = {
    pagenum: 1,
    pagesize: 2,
    cate_id: '',
    state: ''
}

function getList() {
    $.ajax({
        method: 'GET',
        url: '/my/article/list',
        data,
        success: function (res) {
            if (res.status !== 0) return layer.msg(res.message)
            console.log(res);
            var htmlStr = template('tpl', res)
            $('tbody').html(htmlStr)

            layui.laypage.render({
                elem: 'page'
                , count: res.total, //数据总数，从服务端得到
                limit: data.pagesize,
                layout: ['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip'],
                limits: [1, 2, 3],
                curr: data.pagenum,
                //这个jump函数有一个特点，这个分页效果初始化的时候就会执行一次
                jump: function (obj, first) {

                    //obj包含了当前分页的所有参数，比如：
                    // console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
                    // console.log(obj.limit); //得到每页显示的条数



                    //首次不执行 只有用户鼠标点击的时候才会触发
                    if (!first) {
                        data.pagenum = obj.curr;
                        data.pagesize = obj.limit;

                        // 重新拿一下数据 渲染函数
                        getList()
                    }
                }
            });
        }
    })
}

function getCateList() {
    $.ajax({
        method: 'GET',
        url: '/my/article/cates',
        success: function (res) {
            if (res.status !== 0) return layer.msg(res.message)
            console.log(res);
            var htmlStr = template('tpl1', res)
            $('#select1').html(htmlStr)
            layui.form.render('select');//如果layui的表单控件是动态插入的，需要重新更新一下
        }
    })
}

$(function () {
    getList()
    getCateList()

    //删除功能
    $('tbody').on('click', '.btn-delete', function () {
        var id = $(this).attr('data-id')
        layer.confirm('确定要删除吗?', { icon: 3, title: '提示' }, function (index) {
            $.ajax({
                method: 'GET',
                url: `/my/article/delete/${id}`,
                success: function (res) {
                    if (res.status !== 0) return layer.msg(res.message)
                    getList()
                    layer.close(index);
                }
            })
        });
    })

    //筛选功能
    $('#f1').on('submit', function (e) {
        e.preventDefault();
        var cate_id = $('[name="cate_id"]').val()//分类的id
        var state = $('[name="state"]').val();//状态 已发布 草稿 
        console.log(cate_id, state);
        data.cate_id = cate_id;
        data.state = state;
        getList()
    })


})